@charset "utf-8";
.web {
  width: 100%;
  height: 100%; }
  .web .navbar {
    background: black;
    margin-bottom: 0px; }
    .web .navbar .navbar-header a {
      padding: 7px 15px; }
  .web img {
    width: 100%; }
  .web .navbar-default .navbar-nav > li > a:hover {
    color: #FFFFFF; }
    .web .navbar-default{
    	border: none;
    	border-radius: 0;
    }
  @media only screen and (max-width: 992px) {
    .web .nav > li > a {
      padding: 10px 3px; } }
.web .footer {
    width: 100%;
    background: #3b3b3b; }
    .web .footer .gson-1 {
      height: 100%; }
      .web .footer .gson-1 ul {
        padding-top: 25px; 
        padding-bottom: 10px;}
        .web .footer .gson-1 ul li {
        	list-style: none;
          float: left;
          padding-left: 15px;
          line-height: 30px; }
          .footer .gson-1 ul::after{
          	content: "";
          	display: block;
          	clear: both;

          }
          .web .footer .gson-1 ul li a {
            font-size: 14px;
            color: #7b7c81; }
        .web .footer .gson-1 ul li:last-child {
          font-size: 11.19px;
          color: #7b7c81; }
    .web .footer .positions {
      position: relative;
      text-align: center; }
      
      .bg-weixin{
      	position: absolute;
      	width: 140px;
      	top: -121px;
      	display: none;
      }
      .bg-weixin1{
      	left: -33px;
      }
      .bg-weixin2{
      	left: 31px;
      }
      .bg-weixin3{
      	left: 91px;
      }
      .common{
				width: 38px;
				height: 38px;
				border-radius: 50%;
				background: url(../images/footer.png) no-repeat;
				display: inline-block;
				margin-top: 41px;
				margin-right: 20px;
				/*margin-top:*/
				/*border: 1px solid red;*/
			}
			.left{
				background-position-x: 0px;	
				background-position-y: 0px;
			}
			.left:hover{
				background-position-x: 0px;
				background-position-y: -39px;
			}
			.left:hover~.bg-weixin1{
				display: block;
			}
			.middle{
				background-position-x: -58px;
				background-position-y: 0px;
			}
			.middle:hover{
				background-position-y:-39px;
			}
			.middle:hover~.bg-weixin2{
				display: block;
			}
			.right{
				background-position-x: -116px;
				background-position-y: 0px;
				
			}
			.right:hover{
				background-position-y:-39px;
			}
			.right:hover~.bg-weixin3{
				display: block;
			}
			.toggle{
				position: relative;
				/*display: none;*/
			}
			
			.bbbb {
				/*width: 333.33px;*/             
				/*height: 163.14px;*/
				left:0px;
				top: 0;
				display: none;
				position: absolute;
				background: ghostwhite;
				padding: 15px;
				text-align: left;
			}	
			@media only screen and (max-width: 768px)  {
				.bbbb{
					height: 157.28px;
				}
				
			}
			
			@media only screen and (min-width: 768px)  {
				.bbbb{
					height: 100.61px;
				}
				
			}
			@media only screen and (min-width: 992px)  {
				.bbbb{
					height: 132.7px;
				}
				
			}
			@media only screen and (min-width: 1200px)  {
				.bbbb{
					height: 163.14px;
				}
				
			}
			@media only screen and (max-width: 768px) {
				  .footer .position{
        display: none;
    }
    }
    
			

